<!doctype html>
<html class="no-js" lang="zxx" xmlns:th="http://www.thymeleaf.org">

<head th:replace="layout::head(${title},${desc})">

</head>

<body>


<div id="main-wrapper">

    <div th:replace="layout::header"></div>

    <!--Page Banner Section start-->
    <div class="page-banner-section section">
        <div class="container">
            <div class="row">
                <div class="col">
                    <h1 class="page-banner-title">Agent</h1>
                    <ul class="page-breadcrumb">
                        <li><a href="index.html">主页</a></li>
                        <li class="active">Agent Carousel 3 Column</li>
                    </ul>
                </div>
            </div>
        </div>
    </div>
    <!--Page Banner Section end-->

    <!--Agent Section start-->
    <div class="agent-section section pt-100 pt-lg-80 pt-md-70 pt-sm-60 pt-xs-50 pb-100 pb-lg-80 pb-md-70 pb-sm-60 pb-xs-50">
        <div class="container">

            <div class="row">
                <div class="agent-carousel-2 section">

                    <!--Agent satrt-->
                    <div class="col-lg-4 col-sm-6 col-12 mb-30" th:each="agentAndUser:${agentAndUserVOS}">
                        <div class="agent">
                            <div class="image">
                                <a class="img" href="agent-details.html"><img src="assets/images/agent/agent-1.jpg" alt=""></a>
                                <div class="social">
                                    <a href="#" class="facebook"><i class="fa fa-facebook"></i></a>
                                    <a href="#" class="twitter"><i class="fa fa-twitter"></i></a>
                                    <a href="#" class="linkedin"><i class="fa fa-linkedin"></i></a>
                                    <a href="#" class="google"><i class="fa fa-google-plus"></i></a>
                                </div>
                            </div>
                            <div class="content">
                                <h4 class="title"><a th:href="@{agent-details.html}" th:text="${agentAndUser.User.name}"></a></h4>
                                <a href="#" class="phone" th:text="${agentAndUser.User.phone}"></a>
                                <a href="#" class="email" th:text="${agentAndUser.agent.email}"></a>
                                <span class="properties">5房</span>
                            </div>
                        </div>
                    </div>
                    <!--Agent end-->




                </div>
            </div>
        </div>
    </div>
    <!--Agent Section end-->

    <div th:replace="layout::footer"></div>
</div>

<!-- Placed js at the end of the document so the pages load faster -->

<!-- All jquery file included here -->
<script src="http://ditu.google.cn/maps/api/js?sensor=false&libraries=geometry&v=3.22&key=AIzaSyDAq7MrCR1A2qIShmjbtLHSKjcEIEBEEwM"></script>
<script src="assets/js/vendor/jquery-1.12.4.min.js"></script>
<script src="assets/js/popper.min.js"></script>
<script src="assets/js/bootstrap.min.js"></script>
<script src="assets/js/plugins.js"></script>
<script src="assets/js/map-place.js"></script>
<script src="assets/js/main.js"></script>

</body>

</html>
